body{
	background: #CAC8D6;
}
.sidebar {
  padding-top: 56px;
  background: #282d2f;
}
.sidebar {
  transition: all 0.4s ease-in-out;
  width: 240px;
  height: 500px;
  min-height: 100%;
  padding-top: 57px;
  z-index: 1104;
  top: 0;
  margin-left: 200px;
}
.user {
  background: #1f2224;
  border-bottom: 1px solid #1f2224;
}
.userpicture {
  border-radius: 50%;
  width: 122px;
  height: 122px;
  margin-bottom: 10px;
  overflow: hidden;
  margin: 0 auto;
}
.userpicture img {
  width: auto;
  height: 122px;
  vertical-align: middle;
}
.usertext {
  display: block;
  color: #cfcfcf;
  font-size: 16px;
  text-align: center;
}
.navlink {
  color: #fff;
  text-align: center;
}
.navlink:hover{
	background: #666666;
}
.link{
	background: #333333;
}
.navlink a {
  display: block;
  color: #868E8E;
  padding: 10px 17px;
  border-left: #282d2f 3px solid;
  font-size: 14px;
  cursor: pointer;
}
.main{
	height: 500px;
	width: 350px;
	float: left;
	margin-top: -500px;
	margin-left: 500px;
}
.main span{
	line-height: 40px;
	font-size: 16px;
	color: black;
}
.hobby{
	float: right;
	margin-right: 400px;
	margin-top: -155px;
	border: 0px 0px 0px 2px;
}
.hobby ul li{
	float: left;
	padding: 10px 8px;
	font-size: 15px;
	border: 1px solid black;
}

